<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Div  模块练习</title>
    <style> 
    h1 {
        text-align: center;
    }
    #div1{
        background-color: yellow;
        width: 40%;
        height: 200px;
        border: 1px solid red;
        margin: 0 auto;
        text-align: center;
        overflow: scroll;
        outline: auto;
    }
    #div2{ 
        background-color: pink;
        width: 40%;
        height: 200px;
        border: 1px solid red;
        margin: 0 auto;
        outline: auto;
        overflow: scroll;
    }
    *{
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        padding: 0px;
        box-sizing: border-box;

    }
    
      
    </style>

</head>
<body>
    <div id="div1">
        <h1>长歌行</h1>
                青青园中葵⑵，朝露待日晞⑶。
                阳春布德泽⑷，万物生光辉。
                常恐秋节至⑸，焜黄华叶衰⑹。
                百川东到海，何时复西归⑺？
                少壮不努力⑻，老大徒伤悲⑼。 
    </div>
    <div id="div2">
        青青园中葵⑵，朝露待日晞⑶。
        阳春布德泽⑷，万物生光辉。
        常恐秋节至⑸，焜黄华叶衰⑹。
        百川东到海，何时复西归⑺？
        少壮不努力⑻，老大徒伤悲⑼。 
    </div>
</body>
</html>